<!DOCTYPE html>
<html>


<!-- Mirrored from www.zi-han.net/theme/hplus/table_data_tables.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:01 GMT -->
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>GreenLife管理员端 - 数据表格</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

	
    <link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

    <!-- Data Tables -->
    <link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">

    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/plugins/jeditable/jquery.jeditable.js"></script>
    <script src="js/plugins/dataTables/jquery.dataTables.js"></script>
    <script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
    <script src="js/content.min.js?v=1.0.0"></script>
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
    <script type="text/javascript" src="js/me/tables_02.js"></script>
    <script type="text/javascript" src="js/me/table.js"></script>
    <script>
        $(document).ready(function(){
        			$(".dataTables-example").dataTable();
        				var oTable=$("#editable").dataTable();
        				oTable.$("td").editable("http://www.zi-han.net/theme/example_ajax.php",{
        					"callback":function(sValue,y){
        						var aPos=oTable.fnGetPosition(this);
        						oTable.fnUpdate(sValue,aPos[0],aPos[1]
        						)},
        					"submitdata":function(value,settings){
        							return{
        								"row_id":this.parentNode.getAttribute("id"),
        								"column":oTable.fnGetPosition(this)[2]}
        							},
        					"width":"90%",
        					"height":"100%"}
        				)}
        );
        function fnClickAddRow(){
        	$("#editable").dataTable().fnAddData(["Custom row","New row","New row","New row","New row"])
        };
        
        var result = "";
        $.get("http://localhost/GreenLife/user.do",function(data,status){
       	 var len = data.dataList.length;
    			for (var i = 0; i < len; i++) {
    				result = result + "<tr class='gradeX'>" + "<td>" + (i + 1)
    						+ "</td>" + "<td>" + data.dataList[i].phoneNumber + "</td>" + "<td>"
    						+ data.dataList[i].phoneNumber + "</td>" + "<td class='center'>"
    						+ data.dataList[i].email + "</td>" + "<td class='center'>"
    						+ data.dataList[i].roleId + "</td>" + "</tr>";
    			}
    			//alert(result);
    			$("tbody.testasdfas").html(result);
        });
    </script>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>基本 <small>分类，查找</small></h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="table_data_tables.html#">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <table class="table table-striped table-bordered table-hover dataTables-example">
                            <thead>
                                <tr>
                                    <th>标识</th>
                                    <th>登陆账号</th>
                                    <th>手机号码</th>
                                    <th>邮箱</th>
                                    <th>角色ID</th>
                                </tr>
                            </thead>
                            <tbody class="testasdfas">
                            	   <tr class="gradeX">
                                    <td>1</td>
                                    <td>18826402884</td>
                                    <td>18826402884</td>
                                    <td class="center">179320035@qq.com</td>
                                    <td class="center">11</td>
                                	</tr>
                                	<script></script>
                            </tbody>
                         </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>
<!-- Mirrored from www.zi-han.net/theme/hplus/table_data_tables.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->
</html>
